<template>
    <div id="signup">
        <prOne :products="products"></prOne>
        <prTwo :products="products"></prTwo>
        <button @click="increment">+</button>
        <button @click="decrement">-</button>
        
    </div>
</template>
<script>
import prOne from './../activity/test/prOne.vue';
import prTwo from './../activity/test/prTwo.vue';

export default {
    name:'',
    components:{
        prOne,
        prTwo
    },
    data (){
        return {
            products:[
                {name:"products1",price:100},
                {name:"products2",price:50},
                {name:"products3",price:25},
                {name:"products4",price:12.5}
            ]
        }
    },
    computed:{
        count(){
            return this.$store.state.count
        }
    },
    methods:{
        increment(){
            this.$store.commit('increment')
        },
        decrement(){
            this.$store.commit('decrement')
        }
    }
}
</script>

<style>

</style>



